<!--
 * @Description: 学生管理系统
 * @Author: rendc
 * @Date: 2025-09-10 11:01:55
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-11 09:37:12
-->
<!-- 经过分析发现 实际只需要5行2列即可 -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学生管理系统</title>
</head>
<!-- css 内部样式 -->
<style>
  /* 选中所有的td元素 设置宽高 */
  td {
    width: 71px;
    height: 28px;
  }
</style>

<body>
  <table border="1" cellspacing="0">
    <tbody align="center">
      <!-- 第 1 行  12个单元格-->
      <!-- 合并第一行和第二行的所有单元格 -->
      <!-- 合并第一行的所有单元格 -->
      <tr height="56">
        <td width="80" colspan="12">学生管理系统</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 3 行 -->
      <tr height="56px">
        <td style="width:213px" rowspan="8" colspan="3">导航栏</td>
        <!-- <td></td> -->
        <!-- <td></td> -->
        <td style="width:639px" colspan="9">顶部栏目</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 4 行 -->
      <tr>
        <!-- <td></td> -->
        <!-- <td></td> -->
        <!-- <td></td> -->
        <td style="height: 532px;" colspan="9" rowspan="5">内容区</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 5 行 -->
      <tr>
        <!-- <td></td> -->
        <!-- <td></td> -->
        <!-- <td></td> -->
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 6 行 -->
      <tr>
        <!-- <td></td> -->
        <!-- <td></td>
      <td></td> -->
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 7 行 -->
      <tr>
        <!-- <td></td> -->
        <!-- <td></td>
        <td></td> -->
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 8 行 -->
      <tr>
        <!-- <td></td> -->
        <!-- <td></td>
      <td></td> -->
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 9 行 -->
      <tr height="84">
        <!-- <td></td> -->
        <!-- <td></td>
        <td></td> -->
        <td colspan="9">分页器</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
      <!-- 第 10 行 -->
      <tr height="112">
        <!-- <td></td> -->
        <!-- <td></td>
      <td></td> -->
        <td colspan="9">脚部</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
      </tr>
    </tbody>
  </table>
</body>

</html>